<div id='capitalGraphiqueContainer' style='width : 470px; height : 250px;'></div>

<script type="text/javascript">
var chart;
$j(document).ready(function() {
   chart = new Highcharts.Chart({
      chart: {
         renderTo: 'capitalGraphiqueContainer',
         defaultSeriesType: 'line',
         marginRight: 10,
         marginBottom: 30
      },
      title: {
         text: '',
         x: -20 //center
      },
      xAxis: {
          type: 'datetime',
          maxZoom: 14 * 24 * 3600000, // fourteen days
          title: {
             text: null
          }
      },
      yAxis: {
         title: {
            text: ''
         },
         plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
         }]
      },
      tooltip: {
         formatter: function() {
                   return '<b>'+ this.series.name +'</b><br/>'+this.y +' points';
         }
      },
      legend: {
    	  enabled: false
      },
      series: [{
         name: 'Capital réel',
         data: [1000, 1017, 1120, 995, 1050, 1112, 1357, 1033, 1120, 1232, 1317, 1388]
      }, {
         name: 'Capital virtuel',
         data: [1000, 1017, 1120, 995, 1050, 1112, 1357, 1533, 1500, 1450, 1657, 1789]
      }]
   });
   
   
});
</script>